<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>问题进度</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/wtjd/wtjd"]
        };
    </script>
    <script data-main="../../../js/wx/public/config.js" src="../../../js/require.js"></script>
    <style>

        .mui-scroll-wrapper {
            top: 54px;
        }

        .mui-table-view-cell {
            padding: 0;
        }

        .mui-card {
            margin: 0;
        }

        .mui-table-view-cell {
            border-bottom: 1px solid #dadada;
        }
    </style>

</head>

<body>
<form action="javascript:app.returnFalse();">
    <div id="searchDiv" class="mui-input-row searchBox">

        <i class="mui-icon mui-icon-search"></i>
        <input @search="toSearch" type="search" class="mui-input-clear" placeholder="问题描述"
               v-model="keyword" style="width:90%;">
        <span class="mui-icon mui-icon-search" @tap.stop="choose" style="right:10px;top:50%;margin-top: -11px;position: absolute;"></span>

    </div>
</form>
<div class="mui-content serveredPull">
    <!--下拉刷新容器-->
    <div id="scroll1" class="mui-scroll-wrapper wf-slider-bottom-search">
        <div class="mui-scroll">
            <wtjditem :model="items"></wtjditem>
        </div>
    </div>
</div>
<!--查询条件-弹出层-->
<div class="returnCont modal1" style="display: none;">
    <div class="main">您确定到达现场？</div>
    <div class="mui-input-row">
        <label>客户简称</label>
        <input v-model.trim="GWAKL004" type="text" class="mui-input-clear" placeholder="请输入客户简称">
    </div>
    <div class="mui-input-row">
        <label>提单人员</label>
        <input v-model.trim="ESAA002" type="text" class="mui-input-clear" placeholder="请输入提单人员">
    </div>
    <div class="mui-input-row">
        <label>问题描述</label>
        <input v-model.trim="ESAA008" type="text" class="mui-input-clear" placeholder="请输入问题描述">
    </div>
    <div class="mui-input-row">
        <label>提单开始日期</label>
        <input v-model="ESAA004_START" type="date" class="mui-input-clear">
    </div>
    <div class="mui-input-row">
        <label>提单结束日期</label>
        <input v-model="ESAA004_END" type="date" class="mui-input-clear">
    </div>
    <div class="mui-input-row">
        <label>结案否</label>
        <select v-model="ESAASTUS" class="selectCont">
            <option value="1">未处理</option>
            <option value="2">处理中</option>
            <option value="3">待验证</option>
            <option value="4">已结案</option>
        </select>
    </div>
    <div class="foot">
        <a id="btnSignIn_sure" href="javascript:;" class="puliColor_font conBtn" @tap.stop="search">确定</a>
        <a id="btnSignIn_cancel" href="javascript:;" @tap.stop="cancle">取消</a>
    </div>
</div>

<script id="wtjditem-template" type="text/x-template">
    <ul class="mui-table-view">
        <li v-for="v in model" @tap.stop="select(v)" class="mui-table-view-cell mui-media">
            <div class="mui-slider-handle wf-slider-handle">
                <div class="mui-card">
                    <div class="mui-card-content textStyle">
                        <div class="mui-row">
                            <div class="mui-col-xs-12">
                                <p>客户简称:{{v.ESAA001_NAME}}</p>
                                <p>提单日期:{{v.ESAA004}}</p>
                                <p>提单人员:{{v.ESAA002}}</p>
                                <p>产品线:{{v.ESAA005_NAME}}</p>
                                <p>问题描述:{{v.ESAA008}}</p>
                                <p>问题类型:{{v.ESAA003_NAME}}</p>
                                <p>处理说明:{{v.ESAA011}}</p>
                                <p>处理人员:{{v.ESAA010_NAME}}</p>
                                <p>结案否:{{v.ESAASTUS_NAME}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</script>
</body>
</html>